<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cupones de venta - Formato impresion</title>

<style type="text/css">
.validez {
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-small;
}
.titulo {
	font-family: Arial Black, Gadget, sans-serif;
	font-size:x-large;
	text-align:center;
	color:red;
}
.descripcion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align:center;
}
.descCentro {
	font-family: Tahoma, Geneva, sans-serif;
		font-size:x-small;
		text-align:center;
}
.nombreRest {
	font-family: Arial Black, Gadget, sans-serif;
	font-size:x-small;
}
.datosRest {
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-small;
}
.codigoEAN {
	font-family: Courier New, Courier, monospace;
	font-size:small;
}
.tablaD {
	height: 266px;
	width: 497px;
        -webkit-print-color-adjust:exact;
}
.ui-datagrid-content {
   border: none;
}  
</style>
</h:head>

    <h:body>
  
    <p:dataGrid columns="2" styleClass="ui-datagrid-content" id="dataTable4" var="cupi" value="#{cVen.vListaDatosCuponesImpresion}">

             <table class="tablaD" border="0" cellspacing="1" cellpadding="0" background="../img/cuponFondo.png">
                <tr>
                    <td width="332" ><p class="titulo">#{cupi.ofeTitulo}<br />
                            <span class="descripcion">#{cupi.ofeDescripcion}</span></p></td>
                        <td>
                            <p:graphicImage height="65" width="165" id="nimage2" value="#{cNeg.NegChartM(cupi.ofeNegocio)}">   
                                <f:param name="idn" value="#{cupi.ofeNegocio}" />
                            </p:graphicImage>
                        </td>
                </tr>
                <tr>
                    <td width="332" align="center" valign="middle"><p class="descCentro">Con este cupón ahorras un <strong>#{cupi.ofeAhorro}</strong>%.</p>
                  <p class="descCentro">No acumulable a otras ofertas en el restaurante.</p></td>
                    <td align="center" valign="top" class="validez"><p>Valido para disfrutarse hasta la fecha: #{cupi.venCaducidad}</p>
                      <p>Valido para horario de: #{cupi.ofeTipo}</p></td>
                </tr>
                <tr>
                    <td width="332" align="center" valign="middle" class="nombreRest"><p>      Restaurante #{cupi.negNombre}<br />
                            <span class="datosRest">#{cupi.negDireccion}<br />
                                Email: #{cupi.negEmail} Web: #{cupi.negPaginaweb}<br />
                                Telefono: #{cupi.negTelefono}</span></p></td>
                    <td align="center" valign="top">
                        <p:graphicImage height="70" width="160" id="nimageEAN" value="../img/codigos/#{cVen.getCodigoEAN(cupi.cupCodigo, 70, 160)}">   
                            <f:param name="idn" value="#{cupi.ofeNegocio}" />
                        </p:graphicImage>
                        </td>
                </tr>
              </table>  
                
           
           
    </p:dataGrid>


</h:body>
</html>